<!-- ASF Widget tag library documentation
  -  Copyright (C) 2013 Stephane Carrez
  -  Written by Stephane Carrez (Stephane.Carrez@gmail.com)
  -
  -  Licensed under the Apache License, Version 2.0 (the "License");
  -  you may not use this file except in compliance with the License.
  -  You may obtain a copy of the License at
  -
  -      http://www.apache.org/licenses/LICENSE-2.0
  -
  -  Unless required by applicable law or agreed to in writing, software
  -  distributed under the License is distributed on an "AS IS" BASIS,
  -  WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
  -  See the License for the specific language governing permissions and
  -  limitations under the License.
  -->
<ui:composition xmlns:ui="http://java.sun.com/jsf/facelets"
                xmlns:util="http://code.google.com/p/ada-asf/util"
                xmlns:ajax="http://code.google.com/p/ada-asf/ajax"
                xmlns:w="http://code.google.com/p/ada-asf/widget"
                template="/WEB-INF/layouts/layout.xhtml">
    <ui:param name="title" value="Ada Server Faces Examples" />
    <ui:param name="pageStyle" value="sample-widgets"/>
    <ui:param name="source_file" value="widgets/view.xhtml"/>
    <!-- Main page body -->
    <ui:define name="pageBody">

        <ui:decorate template="/WEB-INF/layouts/example.xhtml">
            <ui:param name="namespace" value='xmlns:w="http://code.google.com/p/ada-asf/widget"'/>
            <ui:param name="basename" value="widgets"/>
            <ui:param name="compliance" value="ASF extension"/>
            <ui:define name="tabs">
                <li class="ui-state-default ui-corner-top">
                    <a href="#" onclick="return sample_select(this, 'accordion');">
                        w:accordion
                    </a>
                </li>
                <li class="ui-state-default ui-corner-top">
                    <a href="#" onclick="return sample_select(this, 'autocomplete');">
                        w:autocomplete
                    </a>
                </li>
                <li class="ui-state-default ui-corner-top">
                    <a href="#" onclick="return sample_select(this, 'inputDate');">
                        w:inputDate
                    </a>
                </li>
                <li class="ui-state-default ui-corner-top">
                    <a href="#" onclick="return sample_select(this, 'inputText');">
                        w:inputText
                    </a>
                </li>
                <li class="ui-state-default ui-corner-top">
                    <a href="#" onclick="return sample_select(this, 'gravatar');">
                        w:gravatar
                    </a>
                </li>
                <li class="ui-state-default ui-corner-top">
                    <a href="#" onclick="return sample_select(this, 'like');">
                        w:like
                    </a>
                </li>
                <li class="ui-state-default ui-corner-top">
                    <a href="#" onclick="return sample_select(this, 'panel');">
                        w:panel
                    </a>
                </li>
                <li class="ui-state-default ui-corner-top">
                    <a href="#" onclick="return sample_select(this, 'tab');">
                        w:tab
                    </a>
                </li>
                <li class="ui-state-default ui-corner-top">
                    <a href="#" onclick="return sample_select(this, 'tabView');">
                        w:tabView
                    </a>
                </li>
            </ui:define>
            <ui:define name="doc">
                <ajax:include src="/widgets/doc.xhtml"/>
            </ui:define>
            <ui:define name="example">
                <ajax:include src="/widgets/form.xhtml"/>
            </ui:define>
            <ui:define name="xhtml">
                <ajax:include src="/widgets/code.xhtml" async="true"/>
            </ui:define>
            <ui:define name="html">
            </ui:define>
        </ui:decorate>

    </ui:define>
    <ui:define name="pageScript">
        <script type="text/javascript" src="#{contextPath}/js/samples.js"></script>
    </ui:define>

</ui:composition>